/* 轮播区 */
#banner {
    min-width: 1200px;
    height: 345px;
}

#banner .ban_img img {
    width: 100%;
    height: 100%;
}

#banner .ban_img {
    height: 345px;
    position: relative;
}

#banner .ban_img .img_1 {
    width: 400px;
    position: relative;
    top: -280px;
    left: 500px;
}

#banner .ban_img .img_1 img {
    height: 210px;
}

#banner .ban_img .img_1 .img_2 {
    position: absolute;
    top: 0;
    left: 0;
}

#banner .ban_img .img_1 .img_2 .title1 {
    padding: 35px 0 25px 64px;
    color: white;
    font-size: 40px;
}

#banner .ban_img .img_1 .img_2 .title2 {
    text-align: center;
    padding: 0 0 12px 25px;
    color: white;
    font-size: 20px;
}

/* 品质区 */
#quality {
    height: 210px;
    margin: 30px 0 90px 0;
}

#quality li {
    float: left;
    width: 400px;
    height: 170px;
    padding-top: 44px;
    text-align: center;
}

#quality .container .title {
    margin-bottom: 26px;
    font-size: 20px;
}

#quality .container .t1 {
    margin-bottom: 15px;
    padding: 0 20px;
    font-size: 12px;
}

#quality .container .l1 {
    background: url(../images/01.jpg) 100% 100%;
}

#quality .container .l2 {
    background: url(../images/02.jpg) 100% 100%;
}

#quality .container .l3 {
    background: url(../images/03.jpg) 100% 100%;
}

/* 产品展示区 */
#outProducts {
    min-width: 1200px;
}

#outProducts .container {
    height: 700px;
}

#outProducts .container p {
    color: #b5b6b7;
    font-size: 18px;
    margin-bottom: 45px;
}

#outProducts .container p a {
    color: #333333;
    font-size: 26px;
    margin-right: 20px;

}

#outProducts .container .out_con li {
    float: left;
    width: 600px;
    height: 575px;
}

#outProducts .container .out_con li img {
    width: 100%;
    height: 100%;
}

#outProducts .container .out_con .con_left li {
    float: left;
    width: 270px;
    height: 275px;
    margin-right: 30px;
    background-color: rosybrown;
}

#outProducts .container .out_con .con_left .left_l1 {
    margin-bottom: 25px;
}

#outProducts .container .out_con .con_left .left_2 {
    background-image: url(../images/pic01.jpg);
}

#outProducts .container .out_con .con_left .left_2:hover {
    background-image: url(../images/pic01-01.jpg);
}

#outProducts .container .out_con .con_left .left_3 {
    background-image: url(../images/pic02.jpg);
}

#outProducts .container .out_con .con_left .left_3:hover {
    background-image: url(../images/pic02-01.jpg);
}

#outProducts .container .out_con .con_left .left_l4 {
    background-image: url(../images/pic03.jpg);
}

#outProducts .container .out_con .con_left .left_l4:hover {
    background-image: url(../images/pic03-01.jpg);
}

#outProducts .container .out_con .con_left .left_l5 {
    background-image: url(../images/pic04.jpg);
}

#outProducts .container .out_con .con_left .left_l5:hover {
    background-image: url(../images/pic04-01.jpg);
}

#outProducts .container .out_con .out_l1 {
    background-image: url(../images/pic05.jpg);
}

#outProducts .container .out_con .out_l1:hover {
    background-image: url(../images/pic05-01.jpg);
}

/* 关于我们 */
#aboutUs {
    min-width: 1200px;
    height: 510px;
    background-image: url(../images/banner3.jpg);
    background-size: 100% 100%;
}

#aboutUs .about_cont {
    width: 540px;
    height: 290px;
    padding: 80px 0 0 330px;
    text-align: center;
}

#aboutUs .about_cont h3 {
    color: black;
    font-size: 26px;
}

#aboutUs .about_cont p {
    color: #676563;
    font-size: 14px;
    margin: 55px 0 45px 0;
    line-height: 30px;
}

#aboutUs .about_cont button {
    width: 150px;
    height: 40px;
    border: none;
    background-color: #20bed7;
    border-radius: 25px;
    color: white;
    font-size: 10px;
}

#newsCenter {
    min-width: 1200px;
    height: 583px;
    margin: 68px 0;
}

#newsCenter .container p {
    color: #b5b6b7;
    font-size: 18px;
    margin-bottom: 52px;
}

#newsCenter .container p a {
    color: #333333;
    font-size: 26px;
    margin-right: 20px;
}

#newsCenter .container ul li {
    float: left;
    width: 380px;
    height: 500px;
}


#newsCenter .container ol li {
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #c3c3c3;
    color: #515f5a;
    font-size: 13px;
    line-height: 38px;
}

#newsCenter .container ol li a:hover {
    color: tomato;
}

#newsCenter .container ol li>a {
    color: #37c0e3;
    margin-right: 10px;
}

#newsCenter .container ol li span {
    float: right;
    color: #b4a3a4;
    font-size: 9px;
}

#newsCenter .container .news_cent {
    margin: 0 30px;
}